function picChange() {
  AjaxFile('/wx/driver_pic', 'pic', "#picDiv", "driver_pic")
}

function licencePicChange() {
  AjaxFile("/wx/licence_pic", 'licencePic', "#licencePicDiv", "licence_pic")
}

/*
发送ajax请求时图片回显
 */
function AjaxFile(url, ele, picDivEle, dir) {
  if (!checkFileType('#' + ele)) {
    return false
  }

  $.ajaxFileUpload({
    url: url,//用于文件上传的服务器端请求地址
    secureuri: false,//一般设置为false
    fileElementId: ele,//文件上传控件的id属性
    dataType: 'json',//返回值类型 一般设置为json
    success: function (res) {//服务器成功响应处理函数
      buildPic(picDivEle, dir, res.imgurl)
    },
    error: function (e)//服务器响应失败处理函数
    {
      alert(e.message);
    }
  })
}

//构建图片的方法
function buildPic(picDivEle, dir, imgUrl) {
  $(picDivEle).empty();  //清空原有数据
  //创建img 标签对象
  let imgObj = $("<img>");
  //给img标签对象追加属性
  imgObj.attr("src", "/static/" + dir + "/" + imgUrl);
  imgObj.attr("width", "100px");
  imgObj.attr("height", "100px");
  //将图片img标签追加到imgDiv末尾
  $(picDivEle).append(imgObj);
}

//校验手机号格式
function checkPhone(phone) {
  let phoneRegex = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/
  //校验手机号
  if (phone.length !== 0 && phone !== '' && phoneRegex.test(phone)) {
    show_verify_info('#phone', 'success', '')
    return true
  } else {
    show_verify_info('#phone', 'error', '请输入正确的手机号')
    return false
  }
}

//注册提交
function submitDriver() {
  $("#submit").click(function (e) {
    e.preventDefault()
    let name = $.trim($("#username").val())
    let phone = $.trim($("#phone").val())
    let pic = $("#pic").val()
    let licencePic = $("#licencePic").val()

    let $verify_code = $("#verify_code")
    let code = $.trim($verify_code.val())

    //校验姓名
    if (name.length !== 0 && name !== '' && /^[\u4e00-\u9fa5]{2,5}$/.test(name)) {
      show_verify_info('#username', 'success', '')
    } else {
      show_verify_info('#username', 'error', '请输入2-5位中文')
      return false
    }

    //校验手机号
    if (!checkPhone(phone)) {
      return false
    }

    //校验验证码
    if (code.length !== 0 && code !== '' && /^\d{6}$/.test(code)) {
      $verify_code.parent().removeClass("has-error").addClass("has-success").next("span").text("")
    } else {
      $verify_code.parent().removeClass("has-success").addClass("has-error").next("span").text("请输入6位数字验证码")
      return false
    }

    //第一次申请
    if (verify === -1) {
      //校验文件是否为空
      if (pic === '') {
        show_verify_info('#pic', 'error', '请先选择人物照片')
        return false
      } else {
        show_verify_info('#pic', 'success', '')
      }
      if (licencePic === '') {
        show_verify_info('#licencePic', 'error', '请先选择驾驶证照片')
        return false
      } else {
        show_verify_info('#licencePic', 'success', '')
      }
      $.ajax({
        url: '/wx/driver',
        type: 'POST',
        data: {name: name, phone: phone, openId: openid, code: code},
        success: function (res) {
          if (res.flag) {
            msgNotify(res.msg, 'success', 1500)
            $("#verify_status").removeClass("hidden")
            $("#verify").addClass("text-info").text("待审核")
          } else {
            $verify_code.val("")
            msgNotify(res.msg, 'danger', 1500)
          }
        }
      })
    } else {
      //修改申请
      $.ajax({
        url: '/wx/driver',
        type: 'PUT',
        data: {id: id, name: name, phone: phone, openId: openid, code: code},
        success: function (res) {
          if (res.flag) {
            msgNotify(res.msg, 'success', 1500)
            $("#verify_status").removeClass("hidden")
            $("#verify").removeClass("text-danger").addClass("text-info").text("待审核")
            $("#remark").parent("div").addClass("hidden")
          } else {
            $verify_code.val("")
            msgNotify(res.msg, 'danger', 1500)
          }
        }
      })
    }

  })
}

/*
显示校验信息
 */
function show_verify_info(item, status, msg) {
  $(item).parent().removeClass("has-success has-error")
  if ("success" === status) {
    $(item).parent().addClass("has-success")
    $(item).next("span").text("")
  } else if ("error" === status) {
    $(item).parent().addClass("has-error")
    $(item).next("span").text(msg)
  }
}

//校验文件格式
function checkFileType(ele) {
  let filename = $(ele).val()
  let fileType = filename.substring(filename.lastIndexOf(".") + 1).toLowerCase()

  if (fileType !== 'jpg' && fileType !== 'jpeg' && fileType !== 'png' && fileType !== 'webp') {
    $(ele).val('')
    show_verify_info(ele, 'error', '请选择jpg、png、jpeg和webp这些类型图片')
    return false
  } else {
    show_verify_info(ele, 'success', '')
    return true
  }
}